@charset "utf-8";
@media all and (max-width: 1366px) {
  body {
    font-size: 14px;
    background-color: #f6f6f6;
  }
  a {
    text-decoration: none;
    color: #444444;
  }
  ul {
    list-style: none;
    margin: 0 0;
    padding: 0 0;
  }
  .main {
    width: 900px;
    margin: 0 auto;
    margin-top: 3rem;
  }
  .leftBody {
    width: 160px;
    height: auto;
    box-shadow: #cadbe9 4px 4px 6px;
    border-radius: 4px;
    padding: 0 0;
    background-color: #ffffff;
    float: left;
    margin-top: 36px;
    margin-bottom: 36px;
    padding-bottom: 16px;
  }
  .rightBody {
    width: 720px;
    height: auto;
    box-shadow: #cadbe9 4px 4px 6px;
    border-radius: 4px;
    padding: 0 0;
    background-color: #ffffff;
    float: left;
    margin-left: 20px;
    margin-top: 36px;
    padding-top: 16px;
  }
  .module_Title {
    border-left: 5px #999999 solid;
    line-height: 38px;
    font-size: 18px;
    margin-left: 8px;
    margin-top: 24px;
    padding-left: 4px;
  }
  .content_Category li {
    line-height: 32px;
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px #e0e0e0 solid;
  }
  .content_Category li:last-child {
    border: 0 solid #ffffff;
  }
  .content_Category li:hover {
    background-color: #f8f8f8;
    color: #5bb4e1;
    cursor: pointer;
  }
  .action {
    background-color: #ffffff;
    color: #5bb4e1;
  }
  /**
  文章收藏
   */
  .content_Title {
    border-left: 3px #f6a51e solid;
    line-height: 28px;
    font-size: 18px;
    margin-left: 24px;
  }
  .content {
    width: 100%;
    height: auto;
    margin-top: 16px;
    padding-bottom: 100px;
    background-color: white;
  }
  .articleItem {
    width: 320px;
    height: 82px;
    box-shadow: #cadbe9 4px 4px 6px;
    border-radius: 4px;
    padding: 5px 5px;
    background-color: #ffffff;
    display: inline-block;
    margin: 0 0 12px 16px;
  }
  .articleItem:hover {
    box-shadow: #cadbe9 8px 8px 12px;
    background-color: #ffffff;
    cursor: pointer;
  }
  .article_Pic {
    float: left;
    width: 99px;
    height: 66px;
    margin: 8px 8px;
  }
  .articleTitle {
    color: #4991b5;
    width: 189px;
    height: 50px;
    float: left;
    margin-top: 8px;
    padding-right: 16px;
  }
  .articleInfo {
    position: relative;
    right: 8px;
    height: 16px;
  }
  .articleInfo img {
    float: left;
    margin-right: 4px;
    margin-left: 8px;
  }
  .articleInfo div {
    color: #bcbcbc;
    float: left;
    line-height: 16px;
    font-size: 12px;
  }
  .articleDelete {
    float: right;
    margin-right: 20px;
  }
  .Page {
    list-style: none;
    margin: 0 0;
    padding: 0 0;
  }
  .Page li {
    text-align: center;
    float: left;
    color: #5bb4e1;
    min-width: 28px;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: #cadbe9 4px 4px 6px;
  }
  .Page li:hover {
    background-color: #5bb4e1;
    color: #ffffff;
    cursor: pointer;
  }
  .Page li:nth-child(5):hover {
    background-color: #ffffff;
    color: #5bb4e1;
    cursor: pointer;
  }
  .Page .action {
    background-color: #5bb4e1;
    color: #ffffff;
  }
  .Page li {
    padding: 10px 10px;
    margin: 0px 8px;
  }
  /**
  ****FM
   */
  .FM_Title {
    color: #4991b5;
    width: 188px;
    height: 16px;
    float: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 4px;
    padding-right: 16px;
  }
  .FM_Time {
    width: 180px;
    height: 20px;
    font-size: 10px;
    color: #b9b9b9;
    margin-top: 8px;
    margin-bottom: 2px;
    float: left;
  }
  .FM_Time span {
    color: #FF9966;
  }
  .activity_Title {
    color: #4991b5;
    width: 180px;
    height: 16px;
    float: left;
    margin-top: 8px;
    margin-bottom: 10px;
    padding-right: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
  .activity_Time {
    width: 190px;
    height: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 14px;
    color: #b9b9b9;
    margin-bottom: 2px;
    float: left;
  }
  .activity_Time span {
    color: #FF9966;
  }
  .activity_Info {
    position: relative;
    right: 8px;
    height: 16px;
  }
  .activity_Info img {
    float: left;
    margin-right: 4px;
    margin-left: 6px;
  }
  .activity_Info div {
    color: #bcbcbc;
    float: left;
    line-height: 16px;
    font-size: 12px;
  }
  .messageItem {
    width: 90%;
    height: auto;
    box-shadow: #cadbe9 0 0 18px;
    border-radius: 4px;
    margin: 0 auto;
    margin-bottom: 16px;
    padding-bottom: 8px;
  }
  .messageItem:hover {
    box-shadow: #cadbe9 8px 8px 12px;
    background-color: #ffffff;
    cursor: pointer;
  }
  .message_headPhoto {
    width: 50px;
    height: 50px;
    float: left;
    margin: 8px 8px;
  }
  .message_info {
    padding-top: 6px;
    height: 30px;
    line-height: 30px;
  }
  .message_info div:first-child {
    float: left;
    color: #5bb4e1;
  }
  .message_info span {
    float: right;
    margin-right: 12px;
    color: #666666;
  }
  .message_type {
    margin-top: 2px;
  }
  .message_content {
    margin-top: 8px;
    float: right;
    width: 582px;
    color: #666666;
  }
  .comment_info {
    color: #4991b5;
    padding-top: 6px;
    height: 30px;
    line-height: 30px;
  }
  .comment_info div:first-child {
    float: left;
  }
  .comment_info span {
    float: right;
    margin-right: 12px;
    color: #666666;
  }
  .comment_type {
    margin-top: 2px;
    color: #5bb4e1;
    color: black;
  }
  .user_headPhoto {
    width: 90%;
    margin: 0 auto;
  }
  .user_headPhoto div:first-child {
    padding: 24px 8px;
    float: left;
  }
  .user_headPhoto img {
    margin-left: 32px;
    width: 100px;
    height: 100px;
    float: left;
  }
  .user_headPhoto button {
    float: right;
    margin-right: 24px;
    margin-top: 42px;
    background-color: #66ccff;
    border-radius: 4px;
    border: 1px #ffffff solid;
    width: 100px;
    height: 28px;
    color: #ffffff;
  }
  .user_headPhoto button:hover {
    background-color: #00aaff;
    cursor: pointer;
  }
  .user_headPhoto span {
    float: right;
    margin-top: 50px;
    font-size: 12px;
    color: #ababab;
  }
  .user_userName {
    padding-top: 24px;
    width: 90%;
    margin: 0 auto;
  }
  .user_userName div:first-child {
    padding: 24px 8px;
    float: left;
  }
  .user_userName input {
    font-size: 14px;
    color: #666666;
    width: 240px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    padding-left: 8px;
    margin-top: 18px;
    margin-left: 20px;
    float: left;
  }
  .user_address {
    padding-top: 32px;
    width: 90%;
    margin: 0 auto;
  }
  .user_address div:first-child {
    padding: 24px 8px;
    float: left;
    margin-right: 20px;
  }
  .user_address select {
    width: auto;
    height: 28px;
    text-align: center;
    margin-top: 20px;
    border: 1px solid #ababab;
    border-radius: 4px;
  }
  .user_address input {
    font-size: 16px;
    color: #666666;
    width: 520px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    padding-left: 8px;
    margin-top: 4px;
  }
  .user_email {
    padding-top: 16px;
    width: 90%;
    margin: 0 auto;
  }
  .user_email div:first-child {
    padding: 24px 8px;
    float: left;
    margin-right: 20px;
  }
  .user_email input {
    font-size: 16px;
    color: #666666;
    width: 300px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    padding-left: 8px;
    margin-top: 18px;
    margin-left: 16px;
  }
  .user_intro {
    padding-top: 32px;
    width: 90%;
    margin: 0 auto;
  }
  .user_intro div:first-child {
    padding: 24px 8px;
    float: left;
    margin-right: 20px;
  }
  .user_intro textarea {
    margin-top: 20px;
    margin-left: 16px;
    width: 520px;
    height: 120px;
    border: 1px solid #ababab;
    resize: none;
    font-size: 20px;
    border-radius: 4px;
  }
  .user_submit {
    background-color: #67d5b5;
    border-radius: 4px;
    border: 1px #ffffff solid;
    width: 100px;
    height: 48px;
    color: #ffffff;
    float: right;
    margin: 24px 70px;
  }
  .user_submit:hover {
    background-color: #3fcaa2;
    cursor: pointer;
  }
  .user_password {
    padding-top: 32px;
    width: 80%;
    margin: 0 auto;
  }
  .user_password div:first-child {
    width: 100px;
    height: 30px;
    padding: 24px 8px;
    float: left;
    text-align: right;
    margin-right: 20px;
  }
  .user_password input {
    font-size: 16px;
    color: #666666;
    width: 240px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    padding-left: 8px;
    margin-top: 16px;
    margin-left: 12px;
  }
  .user_password button {
    background-color: #66ccff;
    border-radius: 4px;
    border: 1px #ffffff solid;
    width: 100px;
    height: 35px;
    color: #ffffff;
  }
  .user_password button:hover {
    background-color: #00aaff;
    cursor: pointer;
  }
  .user_forgetPwd {
    color: #5bb4e1;
    display: block;
    float: left;
    margin-top: 44px;
    margin-left: 4px;
  }
  .auditItem {
    width: 90%;
    height: auto;
    box-shadow: #cadbe9 0 0 18px;
    border-radius: 4px;
    margin: 0 auto;
    padding: 8px 8px 12px 16px;
    margin-bottom: 16px;
  }
  .auditItem:hover {
    box-shadow: #cadbe9 8px 8px 12px;
    background-color: #ffffff;
    cursor: pointer;
  }
  .audit_pic img {
    width: 120px;
    height: 80px;
    float: left;
    margin: 8px 8px;
  }
  .audit_activityName {
    padding-top: 8px;
    font-size: 18px;
    color: #30a9de;
  }
  .audit_pass {
    font-size: 14px;
    color: #ababab;
    margin-top: 12px;
  }
  .audit_pass span {
    color: #fe9652;
  }
  .audit_info {
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 8px;
    line-height: 14px;
    color: #ababab;
  }
  .audit_info img {
    float: left;
  }
  .audit_info span {
    display: block;
    float: left;
    margin-left: 4px;
    margin-right: 16px;
  }
  .audit_info span:last-child,
  .audit_info span:nth-child(5) {
    margin-right: 0px;
    margin-left: 16px;
    color: #fe9652;
  }
  .audit_info span:last-child span,
  .audit_info span:nth-child(5) span {
    color: #ababab;
    float: right;
  }
  .audit_reason {
    font-size: 14px;
    margin-top: 16px;
    padding-bottom: 8px;
  }
  .audit_reason span {
    color: #fe9652;
    float: left;
  }
  .audit_reason div {
    color: #525252;
    float: left;
    width: 540px;
    margin-left: 8px;
    margin-right: 30px;
    margin-bottom: 16px;
  }
  .titleItem {
    width: 90%;
    height: auto;
    box-shadow: #cadbe9 0 0 18px;
    border-radius: 4px;
    margin: 0 auto;
    margin-bottom: 16px;
    padding: 8px 0px 8px 16px;
  }
  .titleItem img {
    width: 48px;
    height: 48px;
    display: block;
    float: left;
  }
  .title_Name {
    line-height: 50px;
    float: left;
    margin-left: 8px;
    margin-right: 24px;
  }
  .title_Time {
    background-color: #5EBCEB;
    float: left;
    margin-top: 8px;
  }
  .title_getTime {
    color: #bababa;
    margin-top: 8px;
  }
  .title_getTime span {
    color: #fe9652;
    margin-right: 8px;
  }
  .title_endTime {
    color: #bababa;
    margin-top: 8px;
    float: left;
  }
  .title_endTime span {
    color: #fe9652;
    margin-right: 8px;
  }
  .title_defaultUse {
    background-color: #a593e0;
    border-radius: 4px;
    border: 1px #ffffff solid;
    width: 100px;
    height: 32px;
    color: #ffffff;
    float: right;
    position: relative;
    bottom: 10px;
    right: 16px;
  }
  .title_defaultUse:hover {
    background-color: #846bd5;
    cursor: pointer;
  }
  .title_use {
    background-color: #66ccff;
    border-radius: 4px;
    border: 1px #ffffff solid;
    width: 100px;
    height: 32px;
    color: #ffffff;
    float: right;
    position: relative;
    bottom: 10px;
    right: 16px;
  }
  .title_use:hover {
    background-color: #00aaff;
    cursor: pointer;
  }
  .title_get {
    padding-top: 16px;
    float: left;
  }
  .title_get .title_get_time {
    color: #7e8e99;
    float: left;
  }
  .title_get .title_get_time span {
    color: #fe9652;
    margin-right: 8px;
  }
  .title_get .title_get_reason {
    color: #7e8e99;
    max-width: 270px;
    float: left;
    margin-left: 24px;
  }
  .title_get .title_get_reason span {
    color: #fe9652;
    margin-right: 8px;
  }
  .title_lose {
    padding-top: 16px;
    float: right;
    margin-right: 16px;
  }
  .title_lose .title_lose_time {
    color: #7e8e99;
    float: left;
  }
  .title_lose .title_lose_time span {
    color: #fe9652;
    margin-right: 8px;
  }
  .title_lose .title_lose_reason {
    color: #7e8e99;
    max-width: 270px;
    float: left;
    margin-left: 24px;
  }
  .title_lose .title_lose_reason span {
    color: #fe9652;
    margin-right: 8px;
  }
}
